<template>
    <div>
      <div class="wellet">
        <p class="title">
          <span class="font_fff_30">账户余额(元)</span>
          <span class="font_fff_30" @click="linkTOdetail">明细</span>
        </p>
        <p class="font_fff_120">{{money}}</p>
      </div>

      <div class="common_bg_fff tixian" @click="linkTOdraw">
        <div>
          <i class="inlineBlockIcon tixianlogo"></i>
          <span class="font_333_30">提现</span>
        </div>
        <i class="iconfont icon-jiantouyou font_333_30"></i>
      </div>
    </div>
</template>

<script>
    export default {
        name: '',
        components: {},
        data() {
            return {
              title:'我的钱包',
              money:0
            }
        },
        created () {
          this.setTitle(this.title)
        },
        mounted: function () {
          this.axios.post('/home/Recharge/appearCash',{token:this.$store.state.token}).then((res)=>{
            if(res.data.code==200){
              this.money = res.data.data
            }
          })
        },
        methods: {
          linkTOdetail(){
            this.$router.push('/wallet/detail')
          },
          linkTOdraw(){
            this.$router.push('/wallet/draw')
          }
        }
    }
</script>

<style scoped>
  @import "../../assets/public.css";
  @import "//at.alicdn.com/t/font_814275_a49o0xc0z4m.css";

  .wellet{
    height:3.27rem;
    background:#28ac4f; /* 一些不支持背景渐变的浏览器 */
    background: -webkit-linear-gradient(right, #28ac4f, #3aab5c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #28ac4f, #3aab5c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #28ac4f, #3aab5c); /* Firefox 3.6 - 15 */
    background: linear-gradient(right, #28ac4f, #3aab5c); /* 标准的语法 */
    padding:.67rem .3rem 0 .31rem;
  }
  .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:.35rem;
  }
  .tixian{
    height: 1rem;
    padding:0 .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:.26rem;
  }
  .tixian>div{
    display: flex;
    align-items: center;
  }
  .tixianlogo{
    width:.44rem;
    height:.36rem;
    background-image: url("img/logo.png");
    margin-right:.2rem;
  }
</style>
